<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="https://www.vmall.com/favicon.ico">
    <title>华为商城（VMALL.COM）_华为手机、笔记本、平板、穿戴、官网正品保障</title>
    <link rel="stylesheet" href="../css/basic.css">
    <link rel="stylesheet" href="../css/index2.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
</head>

<body>
    <div class="top_banner">
        <div class="top_img">
            <a href="javascript:;" class="img_close">
                <img src="../imgs/top_banner.jpg" alt="华为">
            </a>
            <i></i>
        </div>
    </div>
    <div class="nav">
        <div class="main">
            <div class="nav_t">
                <div class="nav_left">
                    <ul class="clearfix">
                        <li><a href="#">首页</a></li>
                        <li><a href="#">华为官网</a></li>
                        <li><a href="#">花粉俱乐部</a></li>
                        <li><a href="#">V码(优购码)</a></li>
                        <li><a href="#">企业购</a></li>
                        <li><a href="#">Select Region</a></li>
                        <li class="more"><a href="#">更多精彩</a>
                            <span class="iconfont">&#xe731;</span>
                        </li>
                    </ul>
                </div>
                <div class="erji">
                    <ul class="clearfix">
                        <li><a href="#"> EMUI</a></li>
                        <li><a href="#">应用市场</a></li>
                        <li><a href="#">华为终端空间</a></li>
                        <li><a href="#">开发者联盟</a></li>
                    </ul>
                </div>
                <div class="nav_right">
                    <ul class="clearfix">
                        <li><a href="./login.html" class="login3">请登录</a></li>
                        <li><a href="./add.html" class="add">注册</a></li>
                        <li><a href="http://localhost:3001/goodsCar.html" class="dingdan"> 我的订单</a></li>
                        <li class="fuwu"><a href="#" class="kefu"> 客户服务</a>
                            <span class="iconfont">&#xe731;</span>
                            <ul class="service">
                                <li><a href="#">客服中心</a></li>
                                <li><a href="#">联系客服</a></li>
                            </ul>
                        </li>
                        <li class="navigation"><a href="#" class="naviget"> 网站导航</a>
                            <span class="iconfont">&#xe731;</span>
                            <div class="daoHang">
                                <div class="navs-icon">
                                    <a href="#">
                                        <span class="shouye"></span>
                                        商城首页
                                    </a>
                                </div>
                                <div class="f1">
                                    <div class="bold1">
                                        频道
                                    </div>

                                    <div class="f2">
                                        <a href="#">华为专区</a>
                                    </div>
                                    <div class="f2">
                                        <a href="#">教育购</a>
                                    </div>

                                </div>

                            </div>
                        </li>
                        <li class="mobile"><a href="#" class="shouji"> 手机版</a>
                            <span class="iconfont">&#xe731;</span>
                            <div class="phone">

                            </div>
                        </li>
                        <li class="gouwuche">
                            <span class="iconfont">&#xe633;</span>
                            <a href="http://localhost:3001/goodsCar.html" class="car">购物车(<span>0</span>)</a>
                            <div class="goods">
                                <div class="empty"></div>
                                <p>您的购物车是空的，赶紧选购吧~</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    <div class="Vmall">
        <div class="main">
            <div class="layout">
                <div class="img"> <img src="../imgs/vmall.logo.png" alt=""></div>

                <ul class="clearfix">
                    <li><img src="../imgs/huaweizhuanqu.png" alt=""></li>
                    <li><a href="#">莫塞尔专区</a></li>
                    <li><a href="#">华为智慧屏</a></li>
                    <li><a href="#">智能家居</a></li>
                    <li><a href="#">navo8系列</a></li>
                </ul>

                <div class="search">
                    <div class="input_text">
                        <form action="">
                            <input type="submit" class="button iconfont" value="&#xe604;">
                            <input type="text" class="text" placeholder="&nbsp;&nbsp; Mate X2 空气进化器">
                        </form>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="index_slide">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"
                    style="background: url('../imgs/li1.jpg') 50% 0px no-repeat; width: 100%; height: 550px; opacity: 1; display:block;">
                </div>
                <div class="swiper-slide"
                    style="background: url('../imgs/li2.jpg') 50% 0px no-repeat; width: 100%; height: 550px;  opacity: 1; display:block;">
                </div>
                <div class="swiper-slide"
                    style="background: url('../imgs/li3.png') 50% 0px no-repeat; width: 100%; height: 550px;  opacity: 1; display:block;">
                </div>
                <div class="swiper-slide"
                    style="background: url('../imgs/li4.jpg') 50% 0px no-repeat; width: 100%; height: 550px;  opacity: 1; display:block;">
                </div>
                <div class="swiper-slide"
                    style="background: url('../imgs/li5.jpg') 50% 0px no-repeat; width: 100%; height: 550px;  opacity: 1; display:block;">
                </div>
                <div class="swiper-slide"
                    style="background: url('../imgs/li6.jpg') 50% 0px no-repeat; width: 100%; height: 550px;  opacity: 1; display:block;">
                </div>
                <div class="swiper-slide"
                    style="background: url('../imgs/li7.jpg') 50% 0px no-repeat; width: 100%; height: 550px;  opacity: 1; display:block;">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="button-prev"></div>
            <div class="button-next"></div>

            <!-- 如果需要滚动条 -->
            <!--  <div class="swiper-scrollbar"></div> -->


            <div class="category-index">
                <ul class="category-list">
                    <li id="zxnav_0">
                        <div class="category-info">
                            <a href="#" target="_blank">
                                <span>手机</span>
                            </a>
                            <i class></i>

                        </div>
                        <ul class="subcate-list clearfix ">
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic1.png" alt="">
                                    <span> HUAWEI Mate系列</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic2.png" alt="">
                                    <span>HUAWEI P系列</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../imgs/pic3.png" alt="">
                                    <span>HUAWEI nova</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../imgs/pic4.png" alt="">
                                    <span>华为畅想系列</span>
                                </a>
                            </li>
                            <li></li>
                        </ul>
                    </li>
                    <li id="zxnav_1">
                        <div class="category-info">
                            <a href="#" target="_blank">
                                <span>智能穿戴&VR</span>
                            </a>
                            <i></i>
                        </div>
                        <ul class="subcate-list clearfix ">
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic5.png" alt="">
                                    <span>智能手表</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic6.png" alt="">
                                    <span>儿童手表</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic7.png" alt="">
                                    <span>智能手环</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic8.png" alt="">
                                    <span>VR</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic9.png" alt="">
                                    <span>智能体脂秤</span>
                                </a>
                            </li>


                            <li>
                                <a href="#">
                                    <img src="../imgs/pic10.png" alt="">
                                    <span>穿搭配件</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic11.png" alt="">
                                    <span>运动健身</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">

                                    <span></span>
                                </a>
                            </li>
                            <li></li>
                            <li></li>
                        </ul>
                    </li>
                    <li id="zxnav_2">
                        <div class="category-info">
                            <a href="#" target="_blank">
                                <span>耳机音箱眼镜</span>
                            </a>
                            <i></i>
                        </div>
                        <ul class="subcate-list clearfix ">
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic12.png" alt="">
                                    <span>智能手表</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic13.JPG" alt="">
                                    <span>儿童手表</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic14.png" alt="">
                                    <span>智能手环</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic15.png" alt="">
                                    <span>VR</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic16.png" alt="">
                                    <span>智能体脂秤</span>
                                </a>
                            </li>


                            <li>
                                <a href="#">
                                    <img src="../imgs/pic17.png" alt="">
                                    <span>穿搭配件</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">

                                    <span>查看全部</span>
                                </a>
                            </li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </li>
                    <li id="zxnav_3">
                        <div class="category-info">
                            <a href="#" target="_blank">
                                <span>智慧屏</span>
                            </a>
                            <i></i>
                        </div>
                        <ul class="subcate-list clearfix ">
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic1.png" alt="">
                                    <span> HUAWEI Mate系列</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic2.png" alt="">
                                    <span>HUAWEI P系列</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../imgs/pic3.png" alt="">
                                    <span>HUAWEI nova</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../imgs/pic4.png" alt="">
                                    <span>华为畅想系列</span>
                                </a>
                            </li>
                            <li></li>
                        </ul>
                    </li>
                    <li id="zxnav_4">
                        <div class="category-info">
                            <a href="#" target="_blank">
                                <span>电脑</span>
                            </a>
                            <i></i>
                        </div>
                        <ul class="subcate-list clearfix ">
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic1.png" alt="">
                                    <span> HUAWEI Mate系列</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic2.png" alt="">
                                    <span>HUAWEI P系列</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../imgs/pic3.png" alt="">
                                    <span>HUAWEI nova</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../imgs/pic4.png" alt="">
                                    <span>华为畅想系列</span>
                                </a>
                            </li>
                            <li></li>
                        </ul>
                    </li>
                    <li id="zxnav_5">
                        <div class="category-info">
                            <a href="#" target="_blank">
                                <span>平板</span>
                            </a>
                            <i></i>
                        </div>
                        <ul class="subcate-list clearfix ">
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic1.png" alt="">
                                    <span> HUAWEI Mate系列</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic2.png" alt="">
                                    <span>HUAWEI P系列</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../imgs/pic3.png" alt="">
                                    <span>HUAWEI nova</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../imgs/pic4.png" alt="">
                                    <span>华为畅想系列</span>
                                </a>
                            </li>
                            <li></li>
                        </ul>
                    </li>
                    <li id="zxnav_6">
                        <div class="category-info">
                            <a href="#" target="_blank">
                                <span>智能路由</span>
                            </a>
                            <i></i>
                        </div>
                        <ul class="subcate-list clearfix ">
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic12.png" alt="">
                                    <span>智能手表</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic13.JPG" alt="">
                                    <span>儿童手表</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic14.png" alt="">
                                    <span>智能手环</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic15.png" alt="">
                                    <span>VR</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic16.png" alt="">
                                    <span>智能体脂秤</span>
                                </a>
                            </li>


                            <li>
                                <a href="#">
                                    <img src="../imgs/pic17.png" alt="">
                                    <span>穿搭配件</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">

                                    <span>查看全部</span>
                                </a>
                            </li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </li>
                    <li id="zxnav_7">
                        <div class="category-info">
                            <a href="#" target="_blank">
                                <span>配件</span>
                            </a>
                            <i></i>
                        </div>
                        <ul class="subcate-list clearfix ">
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic1.png" alt="">
                                    <span> HUAWEI Mate系列</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic2.png" alt="">
                                    <span>HUAWEI P系列</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../imgs/pic3.png" alt="">
                                    <span>HUAWEI nova</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../imgs/pic4.png" alt="">
                                    <span>华为畅想系列</span>
                                </a>
                            </li>
                            <li></li>
                        </ul>
                    </li>
                    <li id="zxnav_8">
                        <div class="category-info">
                            <a href="#" target="_blank">
                                <span>生态产品</span>
                            </a>
                            <i></i>
                        </div>
                        <ul class="subcate-list clearfix ">
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic12.png" alt="">
                                    <span>智能手表</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic13.JPG" alt="">
                                    <span>儿童手表</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic14.png" alt="">
                                    <span>智能手环</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic15.png" alt="">
                                    <span>VR</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic16.png" alt="">
                                    <span>智能体脂秤</span>
                                </a>
                            </li>


                            <li>
                                <a href="#">
                                    <img src="../imgs/pic17.png" alt="">
                                    <span>穿搭配件</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">

                                    <span>查看全部</span>
                                </a>
                            </li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </li>
                    <li id="zxnav_9">
                        <div class="category-info">
                            <a href="#" target="_blank">
                                <span>美食酒饮</span>
                            </a>
                            <i></i>
                        </div>
                        <ul class="subcate-list clearfix ">
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic1.png" alt="">
                                    <span> HUAWEI Mate系列</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic2.png" alt="">
                                    <span>HUAWEI P系列</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../imgs/pic3.png" alt="">
                                    <span>HUAWEI nova</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../imgs/pic4.png" alt="">
                                    <span>华为畅想系列</span>
                                </a>
                            </li>
                            <li></li>
                        </ul>
                    </li>
                    <li id="zxnav_10">
                        <div class="category-info">
                            <a href="#" target="_blank">
                                <span>增值服务&企业商用</span>
                            </a>
                            <i></i>
                        </div>
                        <ul class="subcate-list clearfix ">
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic1.png" alt="">
                                    <span> HUAWEI Mate系列</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../imgs/pic2.png" alt="">
                                    <span>HUAWEI P系列</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../imgs/pic3.png" alt="">
                                    <span>HUAWEI nova</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../imgs/pic4.png" alt="">
                                    <span>华为畅想系列</span>
                                </a>
                            </li>
                            <li></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="login">
            <ul class="clearfix hello">
                <li class="f1">
                    <div class="w-name">
                        <img src="../imgs/img_not_logged_in.png" alt="">
                    </div>
                    <div class="r1">
                        <div class="p">
                            <p> 您好 ! 请 <span><a href="./login.html"> 登录 </a> </span>/ <span> <a href="./add.html">
                                        注册</a></span></p>
                            <i>新人福利</i><i>会员频道</i>
                        </div>
                    </div>
                </li>
                <li class="f2">
                    <ul>
                        <li><i class="img1"></i> <a href="">企业购</a></li>
                        <li><i class="img2"></i><a href="">会员领券</a></li>
                        <li><i class="img3"></i><a href="">以旧换新</a></li>
                        <li><i class="img4"></i><a href="">p40系列</a></li>
                        <li><i class="img5"></i><a href="">智能穿戴</a></li>
                        <li><i class="img6"></i><a href="">智能家居</a></li>
                    </ul>
                </li>
                <li class="f3">
                    <div class="ggao">
                        <div class="ggao-left">
                            <a href="">公告</a>
                        </div>
                        <div class="ggao-right">
                            <a href="#">HUAWEI WATCH FIT 雅致款新品上市公告</a>
                        </div>

                    </div>
                    <div class="notice">
                        <a href="#"></a><i>优码购</i>
                        <a href="#"></a><i>更换电池</i>
                        <a href="#"></a><i>购补保障</i>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="pic">
        <ul class="clearfix">

        </ul>
    </div>
    <div class="promo">
        <div class="h2">
            <h2>热销单品</h2>
        </div>

        <div class="goods4">
            <div class="goods4-left">
                <img src="https://res0.vmallres.com/pimages//frontLocation/content/38318419871611481383.jpg" alt="">
            </div>
            <div class="goods4-right">
                <ul class="clearfix drop">
                    <!-- <li>
                    <p>新品上市</p>
                    <img src="https://res0.vmallres.com/pimages//product/6941487207756/428_428_A6A30621B8088CBBAF2D831A44CA9E945FEB6E9B64A1E201mp.png" alt="">
                    <a href="" class="title">FreeBuds 4i</a>
                    <a href="" class="desc">享3期免息</a>
                    <a href="" class="price">¥499</a>
                </li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li> -->
                </ul>
            </div>

        </div>
    </div>
    <div class="bottom1 clearfix">
        <div class="main">
            <ul class="clearfix">
                <li><img src="../imgs/foot1.png" alt=""><a>百强企业 品质保证</a></li>
                <li><img src="../imgs/foot2.png" alt=""><a>7天退货 15天换货</a></li>
                <li><img src="../imgs/foot3.png" alt=""><a>48元起免运费</a></li>
                <li><img src="../imgs/foot4.png" alt=""><a>200家服务店，全国联保</a></li>
            </ul>
        </div>
    </div>
    <div class="bottom2 clearfix">
        <div class="main">
            <div class="service clearfix">
                <div class=" service f1">
                    <dl>
                        <dt>购物相关</dt>
                        <dd>购物指南</dd>
                        <dd>配送方式</dd>
                        <dd>支付方式</dd>
                        <dd>常见问题</dd>
                    </dl>
                    <dl>
                        <dt>保修与退换货</dt>
                        <dd>保修政策</dd>
                        <dd>退换货政策</dd>
                        <dd>保修状态查询</dd>
                        <dd>配件防伪查询</dd>
                    </dl>
                    <dl>
                        <dt>维修与技术支持</dt>
                        <dd>服务店
                        </dd>
                        <dd>预约维修</dd>
                        <dd>手机寄修</dd>
                        <dd>备件价格查询</dd>
                        <dd>上门服务</dd>
                    </dl>
                    <dl>
                        <dt>特色服务</dt>
                        <dd>防伪查询</dd>
                        <dd>补购保障</dd>
                        <dd>以旧换新</dd>
                        <dd>礼品包装</dd>
                    </dl>
                    <dl>
                        <dt>关于我们</dt>
                        <dd>公司介绍</dd>
                        <dd>华为商城简介</dd>
                        <dd>华为零售店</dd>
                        <dd>商家中心</dd>
                        <dd>意见反馈</dd>
                    </dl>
                    <dl>
                        <dt>友情链接</dt>
                        <dd>华为集团</dd>
                        <dd>华为CBG官网</dd>
                        <dd>花粉俱乐部</dd>
                        <dd>华为云</dd>
                        <dd>华为应用市场</dd>
                    </dl>
                </div>
                <div class=" service f2">
                    <h3>950805</h3>
                    <h5>7x24小时客服热线（仅收市话费）</h5>
                    <p>在线客服</p>
                    <a>关注Vmall:</a>
                </div>
            </div>
        </div>
    </div>
    <div class="footer clearfix">
        <div class="main">
            <img src="https://res.vmallres.com/pimages/sale/2019-01/wLelYbpMVWbj9Xpaa5Fk.png" alt="">
            <div class="f1">
                <ul class="clearfix">
                    <li><a href="">华为集团</a></li>
                    <li><a href="">华为CBG官网</a></li>
                    <li><a href="">花粉俱乐部</a></li>
                    <li><a href="">华为应用市场</a></li>
                    <li><a href="">EMUI</a></li>
                    <li><a href="">华为终端云空间</a></li>
                    <li><a href="">开发者联盟</a></li>
                    <li><a href="">华为商城手机版</a></li>
                    <li><a href="">网站地图</a></li>
                </ul>
                <p>隐私声明 服务协议 COOKIES Copyright © 2012-2021 华为终端有限公司 版权所有 粤ICP备19015064号|粤公网安备 44190002003939号</p>
                <p>增值电信业务经营许可证：粤B2-20190762|备案主体编号：44201919072182|粤新出网备（2021）2号</p>
                <p>互联网药品信息服务资格证（粤）-非经营性-2020-0102 | 粤东食药监械经营备20203930</p>
            </div>
        </div>
    </div>
</body>
<script src="../js/move.js"></script>
<script src="../js/index2.js"></script>
<script src="../js/lib/swiper.min.js"></script>
<script src="../js/lib/jquery-1.8.3.js"></script>
<script src="../js/data1.js"></script>
<script src="../js/slider.js"></script>

</html>